<script type="text/javascript">
$( "#myform" ).validate({
	  rules: {
		"data[AddScreen][itemName]": {
		 	required: true
		 },
	  }
	});
$(".selectAreaName").select2({
    placeholder: "Selection...",
    
});
$(".selectPermission").select2({
    placeholder: "Selection...",
    
});
</script>
<div style = "width: 500px">	
	<div class="modal-header " align ="center" style = "color: green">
	    <h3>Radio - Label</h3>
 	 </div>
 	 <br>
	<?php echo $this->Form->create('AddScreen', array('class' => "form-horizontal", 'id' => 'myform'));?>
	<div align ="center">
		<table>
			<tr>
				<td>Area Name</td>
				<td><?php echo $this->Form->select('areaName', array(), array('class' => 'selectAreaName')); ?> </td>
				<td></td>
			</tr>
			<tr>
				<td>Item Name(Vi)</td>
				<td><?php echo $this->Form->input('itemName', array('label' => false));?></td>
				<td></td>
			</tr>
			<tr>
				<td>Permisstion</td>
				<td><?php echo $this->Form->select('permission', array(), array('class' => 'selectPermission')); ?> </td>
				<td></td>
			</tr>
			<tr>
				<td><label style = "color: red; font-size: 20px">Label</label></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>Value</td>
				<td><?php echo $this->Form->input('value', array('label' => false));?></td>
				<td><?php echo $this->Form->checkbox('unclearValue', array('label' => false  ))."Unclear";?></td>
			</tr>
			<tr>
				<td>Font</td>
				<td><?php echo $this->Form->input('font', array('label' => false ));?></td>
				<td><?php echo $this->Form->checkbox('unclearFont', array('label' => false))."Unclear";?></td>
			</tr>
			<tr>
				<td>Color</td>
				<td><?php echo $this->Form->input('color', array('label' => false));?></td>
				<td><?php echo $this->Form->checkbox('unclearColor', array('label' => false , 'div' =>false ))."Unclear";?></td>
			</tr>
			<tr>
				<td>Length</td>
				<td><?php echo $this->Form->input('length', array('label' => false  , 'style' => 'width: 50px' ));?></td>
				<td><?php echo $this->Form->checkbox('unclearLength', array('label' => false ))."Unclear";?></td>
			</tr>
			<tr>
				<td><label style = "color: red; font-size: 20px">Radio</label></td>
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td>Default value</td>
				<td><?php echo $this->Form->input('valueDefault', array('label' => false));?></td>
				<td><?php echo $this->Form->checkbox('unclearValueDefault', array('label' => false ))."Unclear";?></td>
			</tr>
		</table>
	</div>
	  <div class="modal-footer" >
	     <div align = "center">
	     <button type="submit" class="btn btn-primary">Save</button>
	     </div> 
	  </div>
	  
	<?php echo $this->Form->end();?>
</div>
